<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Error Page[错误提示]</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="/static/lib/jquery-3.1.0.min.js"></script>
<style type="text/css">
#apDiv1 {
    position:absolute;
    width:99%;
    height:500px;
    z-index:1;
    text-align:center;	
	background-image:url(/static/image/404_bg.jpg);
	background-repeat:no-repeat;
	background-position:50% 0;
	margin:60px 0 0 0;
	padding-top:60px;
}
.text { font-family: 'Oxygen', sans-serif; font-size:34px; color:#131414; padding:100px 0 0 0;}
</style>
</head>
<body>
<div id="apDiv1">
    <img src="/static/image/404_dog.png" class="image"/>
    <div class="text">Oops, 页面不存在或者程序处理出现异常... </div>
    <!-- //<?#=$msg;#?> -->
</div>
<script type="text/javascript">
$(function(){
	var img = $('.image');
	if (img.length > 0) {
	    var offset = img.offset();
	    function mouse(evt) {
	        var center_x = (offset.left) + (img.width() / 2);
	        var center_y = (offset.top) + (img.height() / 2);
	        var mouse_x = evt.pageX;
	        var mouse_y = 1;
	        var radians = Math.atan2(center_x - mouse_x, center_y - mouse_y);
	        var degree = ((radians * (180 / Math.PI) * -1));
	        degree = degree / 2.5;
	        img.css('-moz-transform', 'rotate(' + degree + 'deg)');
	        img.css('-webkit-transform', 'rotate(' + degree + 'deg)');
	        img.css('-o-transform', 'rotate(' + degree + 'deg)');
	        img.css('-ms-transform', 'rotate(' + degree + 'deg)');
	    }
	    $(document).mousemove(mouse);
	}
	window.setInterval(function(){
		window.location.reload();
	}, 3000);
});
</script>
</body>
</html>